<html>

<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

</head>

<body>

    <div id="myDiv">
        <h2>ajax</h2></div>
    <button id="b01" type="button">testajax</button>
    <table id="tsTable">
        <thead>
            <tr>
                <th data-options="field:'OrderNo',width:80,align:'center'">时间</th>
                <th data-options="field:'Name',width:100,align:'center'">前收盘价</th>
                <th data-options="field:'Type',width:80,align:'center'">开盘价</th>
                <th data-options="field:'Type',width:80,align:'center'">收盘价</th>
                <th data-options="field:'Type',width:80,align:'center'">最高价</th>
                <th data-options="field:'Type',width:80,align:'center'">最低价</th>
                <th data-options="field:'Type',width:80,align:'center'">收盘价</th>
            </tr>
        </thead>
    </table>

    <script>
        function changeToButton(id){
  var btn = document.getElementById(id);
  btn.onclick= function(){
    $.ajax({
    url: "http://localhost:3030/ajax",    //请求的url地址
    dataType: "json",   //返回格式为json
    async: true, //请求是否异步，默认为异步，这也是ajax重要特性
    data: { "name": "600005_ts" },    //参数值
    type: "GET",   //请求方式
    beforeSend: function() {
        //请求前的处理
        alert('before');
    },
    success: function(req) {
        //请求成功时处理
        alert('success');
        alert('textStatus---'+textStatus)
        alert(JSON.stringify(data));
        var append=JSON.stringify(data);
        //$('#myDiv').prepend(append);
        alert(JSON.parse(append)[0].OPEN)
        var table = $('#tsTable');
        var html = '<tr>';
      //  var list = data.list;
        alert(JSON.parse(append).length)
        var dats=JSON.parse(append);
        var html = '<tr>'
        for (var i = 0, len = dats.length; i < len; i++) {
          
          html += '<td>'+dats[i].DATE+dats[i].PRE_CLOSE+dats[i].OPEN+dats[i].HIGH+dats[i].LOW+dats[i].CLOSE+dats[i].VOLUME+'</tr>'; 
        }
        html += '</tr>';
       
        html.appendTo($('#tsTable'));
      
    },
    complete: function() {
        //请求完成的处理
        alert('complete');
        
    },
    error: function() {
        //请求出错处理
        alert('error');
    }
});
    
    
    

  }
  }
  window.onload = function() {
  changeToButton("b01");

}
    </script>
</body>

</html>